<script setup lang="ts">
// console.log('ENV CONFIG:', import.meta.env)
import { useUserStore } from '@/store/modules/user'
const userStore = useUserStore()
const user = computed(() => userStore.user)

// import { useApproveStore } from '@/store/modules/approve'
// const approveStore = useApproveStore()
// const approve = computed(() => approveStore.approve)
</script>
<template>
  <!-- <div :class="user.approve == 1 ? '' : 'blurry-box'"> -->
  <div>
    <router-view />
  </div>
</template>

<style scoped>
.blurry-box {
  width: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  filter: blur(5px);
}
</style>
